.bkp_date{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .content{
        width: 580rpx;
        height: 740rpx;
        background-color: #ffffff;
        border-radius: 10rpx;
        color: #000000d9;
        display: flex;
        flex-direction: column;
        &_head{
            padding: 0 40rpx;
            height: 80rpx;
            display: flex;
            align-items: center;
            border-bottom: 2rpx solid rgba(0,0,0,0.06);
            &_left{
                display: flex;
                align-items: center;
                &_iconfont{
                    width: 46rpx;
                    height: 46rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
            &_center{
                flex: 1;
                text-align: center;
                &_month{
                    margin-left: 10rpx;
                }
            }
            &_right{
                display: flex;
                align-items: center;
                &_iconfont{
                    width: 46rpx;
                    height: 46rpx;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
        }
        
        &_body{
            flex: 1;
            padding: 0 20rpx;
        }
        &_footer{
            padding: 0 20rpx;
            height: 80rpx;
            border-top: 2rpx solid rgba(0,0,0,0.06);
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 24rpx;
            &_type{
                &_left{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    width: 80rpx;
                    padding: 10rpx;
                    border: 2rpx solid #d9d9d9;
                    border-right:0rpx ;
                    border-radius: 10rpx 0 0 10rpx;
                }
                &_right{
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    width: 80rpx;
                    padding: 10rpx;
                    border: 2rpx solid #d9d9d9;
                    border-left:0rpx ;
                    border-radius: 0rpx 10rpx 10rpx 0rpx;
                }
                
                
                .activate{
                    background-color: #FA62AF;
                    border-color: #FA62AF;
                    color: #ffffff;
                }
            }
            &_right{
                height: 60rpx;
                font-size: 28rpx;
                display: flex;
                align-items: center;
            }
        }
    }
}